
    <div id="app">
        <div>
          <div class="index-banner">
            <div class="swiper-container swiper-container-horizontal">
              <div
                class="swiper-wrapper"
                style="
                  transition-duration: 0ms;
                  transform: translate3d(-7612px, 0px, 0px);
                "
              >
                <div
                  id="pack-div"
                  class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active"
                  data-swiper-slide-index="3"
                  style="width: 1903px"
                >
                  <a
                    onclick="gotoNosign()"
                    class="hidden-xs"
                    style="
                      background: url(./static/banner01.jpg) center center no-repeat;
                    "
                    ><div class="container">
                      <div class="banner-con con4 hidden-xs">
                        <div class="h1">苹果免签转换</div>
                        <div class="h2">
                          在线打包苹果APP，免上架Apple Store，无需任何签名<br />
                          永久解决签名闪退，苹果手机直接安装使用，开发测试更便捷
                        </div>
                        <button class="ms-btn ms-btn-third goto_cydia">
                          立即创建
                        </button>
                      </div>
                    </div></a
                  >
                  <a
                    href="./pack/cydia"
                    class="visible-xs"
                    style="background: rgb(255, 255, 255)"
                    ><div class="container">
                      <div class="banner-con con4">
                        <div class="h1">苹果免签转换</div>
                        <div class="h2">
                          在线打包苹果APP，免上架Apple Store，无需任何签名
                        </div>
                      </div>
                    </div></a
                  >
                </div>
                <div
                  class="swiper-slide swiper-slide-duplicate-next"
                  data-swiper-slide-index="0"
                  style="width: 1903px"
                >
                  <a
                    href="javascript:void(0);"
                    class="hidden-xs"
                    style="
                      background: url(./static/banner01.jpg) center center no-repeat;
                    "
                    ><div class="container">
                      <div class="banner-con con3" style="text-align: left">
                        <div class="h1">大众云盘-天下武功，唯快不破!</div>
                        <div class="h2">
                          您还在为用户抱怨下载慢发愁吗<br />
                          来这里，下载无限制，无验证码，畅快淋漓尽致！让合作伙伴更强，我们一直在努力。
                        </div>
                        <button
                          href="#"
                          onclick="switchTab('InternalTestRelease')"
                          class="ms-btn ms-btn-third"
                        >
                          立即创建
                        </button>
                      </div>
                    </div></a
                  >
                  <a
                    href="./zhizuo"
                    class="visible-xs"
                    style="background: rgb(255, 255, 255)"
                    ><div class="container">
                      <div class="banner-con con3">
                        <div class="h1">Web转换APP</div>
                        <div class="h2">几分钟将您的网站变成更具优势的APP</div>
                      </div>
                    </div></a
                  >
                </div>
                <div
                  id="sign-div"
                  class="swiper-slide"
                  data-swiper-slide-index="1"
                  style="width: 1903px"
                >
                  <div>
                    <a
                      href="javascript:void(0)"
                      class="signature-banner common-banner hidden-xs"
                      style="
                        background: url(./static/banner01.jpg) center center no-repeat;
                      "
                      ><div class="container">
                        <div class="con">
                          <div class="left fl">
                            <div class="h1">TF签名-官方认可的分发模式</div>
                            <div class="h2">
                              苹果官方认可的内测分发渠道，10000台设备超大容量，即使意外的下架也不会影响已安装的设备，<br />
                              稳定性更好并支持新消息苹果官方渠道推送，让你远离掉签烦恼。
                            </div>
                            <button onclick="switchTab('tfSign')" class="ms-btn ms-btn-third">立即签名</button>
                          </div>
                          <div class="right fr text-center"></div>
                        </div></div
                    ></a>
                    <a
                      href="./sign/upload"
                      class="visible-xs"
                      style="background: rgb(255, 255, 255)"
                      ><div class="container">
                        <div class="banner-con con3">
                          <div class="h1">企业签名</div>
                          <div class="h2">
                            24小时自助在线自助签名，长久稳定，无限制安装
                          </div>
                        </div>
                      </div></a
                    >
                  </div>
                </div>
                <div
                  id="apps-div"
                  class="swiper-slide swiper-slide-prev"
                  data-swiper-slide-index="2"
                  style="width: 1903px"
                >
                  <div>
                    <a
                      href="javascript:void(0)"
                      class="publish-banner common-banner hidden-xs"
                      style="
                        background: url(./static/banner01.jpg) center center no-repeat;
                      "
                      ><div class="container">
                        <div class="con">
                          <div class="left fl">
                            <div class="banner-con con1 hidden-xs">
                              <div class="h1">企业签名-独家研发修复机制配合</div>
                              <div class="h2">
                                iOS企业签名，无需上架AppStore或越狱即可完成App下载安装<br />
                                独家稳定证书，分类签名，备用证书，安全，自动高效，多套餐选择
                              </div>
                              <button onclick="switchTab('mySign')" class="ms-btn ms-btn-third">
                                免费试用
                              </button>
                            </div>
                          </div>
                          <div class="right fr text-center"></div>
                        </div>
                        <div class="con visible-xs">
                          <div class="h1">发布内测</div>
                          <div class="h2">
                            免费获取下载链接和二维码，支持苹果和安卓合并二维码，免费赠送下载次数
                          </div>
                        </div>
                      </div></a
                    >
                    <a
                      href="./apps"
                      class="visible-xs"
                      style="background: rgb(255, 255, 255)"
                      ><div class="container">
                        <div class="banner-con con3">
                          <div class="h1">发布内测</div>
                          <div class="h2">
                            免费获取下载链接和二维码，支持苹果和安卓合并二维码，免费赠送下载次数
                          </div>
                        </div>
                      </div></a
                    >
                  </div>
                </div>
                <div
                  id="pack-div"
                  class="swiper-slide swiper-slide-active"
                  data-swiper-slide-index="3"
                  style="width: 1903px"
                >
                  <a
                    onclick="gotoNosign()"
                    class="hidden-xs"
                    style="
                      background: url(./static/banner01.jpg) center center no-repeat;
                    "
                    ><div class="container">
                      <div class="banner-con con4 hidden-xs">
                        <div class="h1">应用封装-一键创建属于您的app</div>
                        <div class="h2">
                          只需要一个网址就能创建属于您自己的移动App<br />
                          原生编程技术开发；网站快速定制封装
                        </div>
                        <button onclick="switchTab('appPackage')" class="ms-btn ms-btn-third goto_cydia">
                          立即创建
                        </button>
                      </div>
                    </div></a
                  >
                  <a
                    href="./pack/cydia"
                    class="visible-xs"
                    style="background: rgb(255, 255, 255)"
                    ><div class="container">
                      <div class="banner-con con4">
                        <div class="h1">苹果免签转换</div>
                        <div class="h2">
                          在线打包苹果APP，免上架Apple Store，无需任何签名
                        </div>
                      </div>
                    </div></a
                  >
                </div>
                <div
                  class="swiper-slide swiper-slide-duplicate swiper-slide-next"
                  data-swiper-slide-index="0"
                  style="width: 1903px"
                >
                  <a
                    href="javascript:void(0);"
                    class="hidden-xs"
                    style="
                      background: url(./static/banner01.jpg) center center no-repeat;
                    "
                    ><div class="container">
                      <div class="banner-con con3" style="text-align: left">
                        <div class="h1">Web转换APP</div>
                        <div class="h2">
                          网站在线转换APP，可视化界面一键配置插件<br />
                          原生打包提供更加丰富功能，两分钟极速生成应用
                        </div>
                        <button
                          href="#"
                          onclick="gotoPack()"
                          class="ms-btn ms-btn-third"
                        >
                          立即创建
                        </button>
                      </div>
                    </div></a
                  >
                  <a
                    href="./zhizuo"
                    class="visible-xs"
                    style="background: rgb(255, 255, 255)"
                    ><div class="container">
                      <div class="banner-con con3">
                        <div class="h1">Web转换APP</div>
                        <div class="h2">几分钟将您的网站变成更具优势的APP</div>
                      </div>
                    </div></a
                  >
                </div>
              </div>
              <div
                class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"
              >
                <span
                  class="swiper-pagination-bullet"
                  tabindex="0"
                  role="button"
                  aria-label="Go to slide 1"
                ></span
                ><span
                  class="swiper-pagination-bullet"
                  tabindex="0"
                  role="button"
                  aria-label="Go to slide 2"
                ></span
                ><span
                  class="swiper-pagination-bullet"
                  tabindex="0"
                  role="button"
                  aria-label="Go to slide 3"
                ></span
                ><span
                  class="swiper-pagination-bullet swiper-pagination-bullet-active"
                  tabindex="0"
                  role="button"
                  aria-label="Go to slide 4"
                ></span>
              </div>
              <span
                class="swiper-notification"
                aria-live="assertive"
                aria-atomic="true"
              ></span>
            </div>
          </div>
          <div id="model_one" class="model-one grey">
            <div class="container">
              <div class="change-tab-wrap">
                <div class="tab-item active">
                  <img src="./static/tab_icon1.png" /><span>大众云盘</span>
                </div>
                <div id="nosign-item" class="tab-item">
                  <img src="./static/tab_icon2.png" /><span>应用解决方案</span>
                </div>
              </div>
              <div class="change-tab-cont-wrap">
                <div class="change-tab-cont change-tab-normal active">
                  <div class="item clearfix" style="border: none">
                    <div class="left fl img-con-wrap">
                      <img src="./static/image01.png" class="img-cont" />
                    </div>
                    <div class="right fr text-con-wrap">
                      <h2 class="title">大众云盘</h2>
                      <p class="s-title">
                        在大众云盘，所有云存储、文件下载都是秒级响应。采用网众公司云计算+存储分发技术。任何网络，享受到最快的下载速度，体验真正的云加速。
                      </p>
                      <a href="./pack"
                        ><button class="ms-btn create-btn ms-btn-third">
                          创建APP
                        </button></a
                      >
                    </div>
                  </div>
                </div>
                <div class="change-tab-cont change-tab-nosign">
                  <div class="item clearfix" style="border: none">
                    <div class="left fl img-con-wrap">
                      <img src="./static/image05.png" class="img-cont" />
                    </div>
                    <div class="right fr text-con-wrap">
                      <h2 class="title">应用解决方案</h2>
                      <p class="s-title">
                        提供ios内测签名服务，让app无需上架App Store 即可实现下载安装、分发等，告别了上架测试一系列问题 ，同时无限制机器数量测试，更好的给与开发者大团队需求。
                      </p>
                      <a href="./pack/cydia"
                        ><button class="ms-btn create-btn ms-btn-third">
                          创建APP
                        </button></a
                      >
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="model-two">
            <div class="container">
              <h1 class="text-center">服务特性</h1>
              <h3 class="text-center">
                大众云致力于为用户提供更加优质、专业的应用服务
              </h3>
              <div class="item fl">
                <div class="img-wrap">
                  <div class="img-wrap1">
                    <img src="./static/icon01.png" style="height: 80%" />
                  </div>
                </div>
                <p class="title">大众云盘</p>
                <p class="s-title">
                  拥有无限制的总存储空间，真正的云加速下载，对文件上传与下载不做任何限制。独特的加密方式，采用市场主流的加密算法，让您的文件传输更放心
                </p>
              </div>
              <div class="item fl">
                <div class="img-wrap">
                  <div class="img-wrap1"><img src="./static/icon02.png" /></div>
                </div>
                <p class="title">TF签名</p>
                <p class="s-title">
                  分发新模式 Test Flight，苹果官方认可，使用苹果官方链接地址，让用户安装更加放心；下载应用不再需要点击信任证书，直接下载使用；应用更新信息经由苹果官方渠道推送，更加方便快捷
                </p>
              </div>
              <div class="item fl">
                <div class="img-wrap">
                  <div class="img-wrap1"><img src="./static/icon03.png" /></div>
                </div>
                <p class="title">企业签名</p>
                <p class="s-title">
                  企业签名是指通过企业级开发者账号生成的P12证书来给未上架或内测的应用使用，它可以通过app应用格式文件进行签名操作，或用Xcode源代码进行打包，1个P12证书可以给多个App签名。
                </p>
              </div>
              <div class="item fl">
                <div class="img-wrap">
                  <div class="img-wrap1"><img src="./static/icon04.png" /></div>
                </div>
                <p class="title">应用封装</p>
                <p class="s-title">
                  基于HTML打包制作APP，只要有手机站3分钟即可生成移动应用，同时拥有苹果版安卓版双系统APP，快速进入移动互联时代。
                </p>
              </div>
            </div>
            <div class="clearfix text-center">
              <p onclick="goPack()" class="click-btn">
                了解更多
                <img
                  src="./static/right_v2.png"
                  style="vertical-align: initial"
                />
              </p>
            </div>
          </div>
          <div class="model-three" style="display: none;">
            <div class="container">
              <h1 class="text-center">热门功能</h1>
              <h3 class="text-center">
                您可以自由组合由大众云为您提供的功能插件，以此来帮助您的应用获得更多强大的功能
              </h3>
              <div class="item-wrap">
                <div class="row">
                  <div class="item clearfix">
                    <div class="img-wrap fl">
                      <img src="./static/icon_17.png" />
                    </div>
                    <div class="text-wrap fl">
                      <p class="title">友盟统计</p>
                      <p class="s-title">
                        配置完成后，您的APP即可使用友盟统计服务
                      </p>
                    </div>
                  </div>
                  <div class="item clearfix">
                    <div class="img-wrap fl">
                      <img src="./static/icon_16.png" />
                    </div>
                    <div class="text-wrap fl">
                      <p class="title">极光推送</p>
                      <p class="s-title">
                        配置完成后，您的APP即可支持消息推送功能
                      </p>
                    </div>
                  </div>
                  <div class="item clearfix">
                    <div class="img-wrap fl">
                      <img src="./static/icon_3.png" />
                    </div>
                    <div class="text-wrap fl">
                      <p class="title">浏览器内核</p>
                      <p class="s-title">支持替换腾讯X5、Safari浏览器内核</p>
                    </div>
                  </div>
                  <div class="item clearfix">
                    <div class="img-wrap fl">
                      <img src="./static/icon_13.png" />
                    </div>
                    <div class="text-wrap fl">
                      <p class="title">URL拉起APP</p>
                      <p class="s-title">
                        开启后可在您的APP中直接拉起其他APP，如微信、淘宝等
                      </p>
                    </div>
                  </div>
                  <div class="item clearfix">
                    <div class="img-wrap fl">
                      <img src="./static/icon_8.png" />
                    </div>
                    <div class="text-wrap fl">
                      <p class="title">微信分享</p>
                      <p class="s-title">
                        给您的APP增加第三方分享功能，可选择不同分享方式，自定义分享内容
                      </p>
                    </div>
                  </div>
                  <div class="item clearfix">
                    <div class="img-wrap fl">
                      <img src="./static/icon_9.png" />
                    </div>
                    <div class="text-wrap fl">
                      <p class="title">识别二维码</p>
                      <p class="s-title">给您的APP增加长按二维码自动识别功能</p>
                    </div>
                  </div>
                  <div class="item clearfix">
                    <div class="img-wrap fl">
                      <img src="./static/icon_14.png" />
                    </div>
                    <div class="text-wrap fl">
                      <p class="title">网页缩放</p>
                      <p class="s-title">
                        开启后APP将支持手势对网页放大缩小的操作
                      </p>
                    </div>
                  </div>
                  <div class="item clearfix">
                    <div class="img-wrap fl">
                      <img src="./static/icon_23.png" />
                    </div>
                    <div class="text-wrap fl">
                      <p class="title">用户协议</p>
                      <p class="s-title">
                        首次进入APP时，会弹出用户协议窗口，只适用于安卓系统
                      </p>
                    </div>
                  </div>
                  <div class="item clearfix">
                    <div class="img-wrap fl">
                      <img src="./static/icon_15.png" />
                    </div>
                    <div class="text-wrap fl">
                      <p class="title">无网提示</p>
                      <p class="s-title">
                        网站连接失败时的显示内容，避免显示出网站地址信息
                      </p>
                    </div>
                  </div>
                  <div class="item clearfix">
                    <div class="img-wrap fl">
                      <img src="./static/icon_19.png" />
                    </div>
                    <div class="text-wrap fl">
                      <p class="title">注入JS脚本</p>
                      <p class="s-title">APP会将此JS脚本自动加载到每一个页面</p>
                    </div>
                  </div>
                  <div class="item clearfix">
                    <div class="img-wrap fl">
                      <img src="./static/icon_20.png" />
                    </div>
                    <div class="text-wrap fl">
                      <p class="title">APK安装器</p>
                      <p class="s-title">
                        可直接在APP内下载完成后提示安装APK文件
                      </p>
                    </div>
                  </div>
                  <div class="item clearfix">
                    <div class="img-wrap fl">
                      <img src="./static/icon_21.png" />
                    </div>
                    <div class="text-wrap fl">
                      <p class="title">隐藏虚拟按键</p>
                      <p class="s-title">
                        强制隐藏安卓系统底部的虚拟按键，实现全屏效果
                      </p>
                    </div>
                  </div>
                </div>
              </div>
              <a href="./docs/pack-app"
                ><button class="ms-btn ms-btn-third click-btn">
                  了解更多
                </button></a
              >
            </div>
          </div>
          <div class="cumulative-wrap">
            <div class="cumulative-cont">
              <div class="container">
                <div class="index-cumulative index-common">
                  <h1>
                    <p>
                      <span>6 </span
                      >年产品技术积累，成就非凡品质，大众云已累计为<span>
                        100000+ </span
                      >用户提供转换服务
                    </p>
                    <a href="./pack"
                      ><button class="ms-btn ms-btn-default">
                        加入大众云
                      </button></a
                    >
                  </h1>
                </div>
              </div>
            </div>
          </div>
          <div class="index-partners">
            <div class="container">
              <h1>匠心铸就品质，携手共创未来</h1>
              <div class="text-center">
                <img src="./static/partners_bg.png" class="img-responsive" />
              </div>
            </div>
          </div>
        </div>
      </div>


      <script>
          
        var vm = new Vue({
            el: "#app",
            components: {
            index: index,
            appsBanner: appsBanner,
            signBanner: signBanner,
            },
        });

        
        $(".model-one .tab-item").on("click", function () {
          var crr = $(this).index();
          $(this).addClass("active").siblings().removeClass("active");
          $(".model-one .change-tab-cont")
            .eq(crr)
            .addClass("active")
            .siblings()
            .removeClass("active");
        });

        
        var mySwiper = new Swiper(".index-banner .swiper-container", {
          navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
          },
          pagination: {
            el: ".swiper-pagination",
            clickable: true,
          },
          loop: true,
          speed: 800,
          autoplay: {
            delay: 4000,
            stopOnLastSlide: false,
            disableOnInteraction: true,
          },
        });
      </script>